<template>
  <div id="app">
    <router-view/>
    <Tabber :items="items" v-show="this.$route.meta.isshow" />
  </div>
</template>

<script>
import Tabber from './components/Tabbar'
import REM from "./tool/rem"
export default {
  components:{
    Tabber
  },
   data() {
    return {
      items: [
        {
          title: "首页",
          icon: require("./assets/home.png"),
          icon_active: require("./assets/home-active.png"),
          path: "/",
        },
        {
          title: "分类",
          icon: require("./assets/category.png"),
          icon_active: require("./assets/category-active.png"),
          path: "/about",
        },
        {
          title: "购物车",
          icon: require("./assets/Cart.png"),
          icon_active: require("./assets/Cart-active.png"),
          path: "/cart",
        },
        {
          title: "我的",
          icon: require("./assets/icon_mine.png"),
          icon_active: require("./assets/icon_mine-active.png"),
          path: "/mine",
        },
      ],
    };
  },
  mounted(){
    REM.Rem()
  }
}
</script>
<style>
  *{
    margin: 0;
    padding: 0;
    font-size: 16px;
  }
</style>
